* {
  margin : 0;
  padding: 0;
}

html,
body {
  width   : 100%;
  height  : 100%;
  margin  : 0;
  padding : 0;
  overflow: hidden;
}

.box {
  width   : 980px;
  height  : 400px;
  border  : 1px solid #000;
  margin  : 10px auto;
  position: relative;
  overflow: hidden;
}

.bottom_bar {
  width       : 100%;
  height      : 40px;
  border-top  : 1px solid #000;
  position    : absolute;
  bottom      : 0;
  line-height : 40px;
  font-family : '微软雅黑';
  font-size   : 14px;
  color       : #222;
  padding-left: 50px;
  box-sizing  : border-box;
}

.bottom_bar input {
  border        : 0 none;
  border        : 1px solid orange;
  border-radius : 5px;
  width         : 350px;
  height        : 30px;
  outline-style : none;
  padding       : 0;
  vertical-align: middle;
  padding-left  : 20px;
  box-sizing    : border-box;
}

p {
  position : absolute;
  right    : 0;
  transform: translateX(100%);

  /* 控制换行的话，要不要把单词断开 */
  /* word-break: keep-all; */

  /* 控制不换行 */
  white-space: nowrap;
}